﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
        body, html
        {
            width: 100%;
            height: 100%;
            overflow: hidden;
            margin: 0;
        }
        #allmap
        {
            margin-right: 0;
            height: 100%;
            overflow: hidden;
        }
    </style>
    <script src="../../style/js/jquery-1.8.3.js" type="text/javascript"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js"></script>
    <link rel="stylesheet" href="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css" />
    <script type="text/javascript" src="http://api.map.baidu.com/library/GeoUtils/1.2/src/GeoUtils_min.js"></script>
    <title>百度地图demo</title>
</head>
	<body>
	    <div id="allmap" style="overflow: hidden; zoom: 1; position: relative;">
	        <div id="map" style="height: 100%; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;">
	        </div>
	    </div>
	</body>
	<script type="text/javascript">
	    var map;
	    var markerArr = [{ "IconStatus": "2", "IconName": "常信大厦投资广场", "IconInfo": "延陵西路57、59、61号", "point": "119.966885,31.781534" }, { "IconStatus": "3", "IconName": "泰富世纪大厦", "IconInfo": "天宁区常州市延陵西路15号", "point": "119.967738,31.781346" }, { "IconStatus": "1", "IconName": "可的国泰店", "IconInfo": "国泰名筑和平苑旁", "point": "119.968995,31.780034"}];
	    $(function () {
	        setCenterZoom(markerArr); //设置地图中心点
	
	        addMarker(markerArr); //在地图中划出点位
	
	        AddPolyline(markerArr,"black"); //划出点之间的连线
	    });
	</script>
	<script src="MapTool.js" type="text/javascript"></script>
</html>
